@import '../variables.css';

.dropdownHeader {
  padding: 0 1rem;
  height: 44px;
  border-bottom: 1px solid #ccc;
  font-weight: var(--text-weight-bold);
  display: flex;
  align-items: center;
}

.dropdownBody {
  position: relative;
  display: flex;
  height: 100%;
}

.dropdownHeader + .dropdownBody {
  height: calc(100% - 44px);
}

.dropdownColumn {
  height: 100%;
  overflow: auto;
  padding: 1rem;

  & + .dropdownColumn {
    border-left: 1px solid #ccc;
  }

  &.secondary {
    background-color: rgba(0, 0, 0, 0.03);
  }

  &.fill {
    flex-grow: 2;
  }
}
